---
layout: default
title: Dynamic style properties
nav_order: 4
---
<div class="row">
  <div class="col-md-12">
    <h1>Dynamic style properties</h1>
    <p><a href="assets/dynamic-styling.js">View code</a></p>
  </div>
</div>
<div class="row">
  <div class="col-md-6">
    <div id="olmap"></div>
  </div>
  <div class="col-md-6">
    <textarea id="sld"></textarea>
  </div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/mode/xml/xml.min.js"></script>
<script src="assets/dynamic-styling.js"></script>